@(page: models.cms.PageDto)(block: models.cms.BlockDto)
@contents = @{(block.getData().get("contents")).asInstanceOf[List[models.core.catalog.VinDtoInfo]]}
@if(contents != null && contents.size()>0){
<h5>@block.getParams().get("title")</h5>
<div class="fondblanc">
	@for(vin <- contents){
			@if(contents.indexOf(vin) == 0){
				<div class="produit produitfirst">
			} else {
				<div class="produit">
			}
		<a title="@vin.getShortName()" onclick=" "
			href="@routes.Application.showByContent(block.getTargetPage(),vin.getContent().getKey())"> <img width="78" height="222"
			border="0" alt="@vin.getShortName()"
			src="@routes.Assets.at("upload/produits/bouteille-1.jpg")">
		</a>
		<div class="libelleproduit">
			<a title="@vin.getShortName()" onclick=""
				href="@routes.Application.showByContent(block.getTargetPage(),vin.getContent().getKey())">@vin.getShortName()</a>
		</div>
		<div class="prixproduit">
			<a title="@vin.getShortName()" onclick=""
				href="@routes.Application.showByContent(block.getTargetPage(),vin.getContent().getKey())"> @vin.getBestPrice(), <span>99 €</span>
			</a>
		</div>
		<div class="noteproduit">
			@vin.getScore()<br> 
			@if(vin.getColor().getId() == 1){
				<img width="25" height="39" alt="Vin Rouge" src="@routes.Assets.at("images/goutte-rouge.png")">
			}
			@if(vin.getColor().getId() == 2){
				<img width="25" height="39" alt="Vin Blanc" src="@routes.Assets.at("images/goutte-jaune.png")">
			}
			@if(vin.getColor().getId() == 3){
				<img width="25" height="39" alt="Vin Rosé" src="@routes.Assets.at("images/goutte-rose.png")">
			}
		</div>
		<div id="ajoutpanier@{contents.indexOf(vin) + 1}" class="ajoutpanier" style="display: none;">
			<a title="Ajouter au panier" href=""> <img width="170"
				height="25" border="0" alt="Ajouter au panier"
				src="@routes.Assets.at("images/bouton-ajouter-au-panier.png")">
			</a> <br> <a title="Noter" href=""> <img width="79" height="23"
				border="0" alt="Noter" src="@routes.Assets.at("images/bouton-panier-noter.png")">
			</a> <a title="Favori" href=""> <img width="79" height="23"
				border="0" alt="favoris" src="@routes.Assets.at("images/bouton-panier-favoris.png")">
			</a>
		</div>
	</div>
	}	
	<div class="clear"></div>
</div>
<div class="lienVoirTout">
	<a title="Voir tout" href="@routes.Application.showByContent("vigneron-vins", page.getParams().get("content")(0))"> <img width="145" height="23"
		border="0" alt="Voir tout" src="@routes.Assets.at("images/bouton-voir-tout.png")">
	</a>
</div>
}
